<script setup lang="ts">
import Subscribe from '@/components/Subscribe.vue';
import Partner from '@/views/Home/Partner.vue';
import Participate from '@/views/Home/Participate.vue';
import Dao from '@/views/Home/Dao.vue';
import New from '@/views/Home/New.vue';
import Protocol from '@/views/Home/Protocol.vue';
import Start from '@/views/Home/Start.vue';
import Contact from '@/components/Contact.vue';
import { onMounted } from 'vue-demi';
import { useRoute } from 'vue-router';
import storage from '@/utils/storage';

const route = useRoute();

if (route.query.ref) {
  storage.setItem('inviteCode', route.query.ref);
}

onMounted(() => {
  const el = document.getElementById('tawk');
  console.log('el:', el);
  el?.remove();
});
</script>

<template>
  <div class="relative">
    <start />
    <protocol />
    <new />
    <dao />
    <participate />
    <partner />
    <subscribe />

    <contact class="xs:!hidden" />
  </div>

  <!--  <teleport to="head">-->
  <!--    <meta-->
  <!--      name="sdao"-->
  <!--      content="sdao"-->
  <!--    />-->
  <!--    <meta name="description" content="sdao" />-->
  <!--    <component is="script" type="application/ld+json" v-text="jsonLd" />-->
  <!--  </teleport>-->
</template>
